<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>Google Summer of Code</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/960.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/global.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/typography.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/structure.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/menu.css" />
</head>
<body>

<!-- 
////////////////////////
  BEGIN DEFAULT HEADER
////////////////////////
-->
<div id="bg">
<div id="page-header">
    <div class="container_12">
        <div class="grid_12">
            <a href="homepage.html"><img src="images/google.png" height="40" width="114" alt="Google" /></a>
            <p><a href="homepage.html">Summer<br />of Code // 2011</a></p>
        </div>
    </div>
</div>
<!-- .page-header -->
<!-- 
////////////////////////
  END DEFAULT HEADER
////////////////////////
-->

<!-- 
////////////////////////
   BEGIN MAIN CONTENT
////////////////////////
-->
<div id="main">
    <div class="container_12">

        <!-- 
        ////////////////////////
            BEGIN SITE MENU
        ////////////////////////
        -->
        <div id="main-menu" class="grid_3">
            <ul id="main-menu-list">
                <li id="menu-login"><a href="javascript:void(0)">Login</a></li>
                <li id="menu-about"><a href="javascript:void(0)">About</a></li>
                <li id="menu-apply"><a href="javascript:void(0)">Apply</a></li>
                <li id="menu-projects"><a href="search.html">Current &amp; Past Projects</a></li>
                <li id="menu-events"><a href="javascript:void(0)">Events &amp; Timeline</a></li>
                <li id="menu-connect"><a href="javascript:void(0)">Connect With Us</a></li>
                <li id="menu-help"><a href="javascript:void(0)">Help</a></li>
            </ul>
        </div>
        <!-- .grid_3 -->
        <!-- 
        ////////////////////////
            END SITE MENU
        ////////////////////////
        -->

        <!-- 
        ////////////////////////
           BEGIN PAGE CONTENT
        ////////////////////////
        -->
        <div class="grid_9">
        
            <div class="content">
            
                <div id="how-it-works" class="block full home-block-1">
                    <h2 id="title-section-how-it-works">How Google Summer of Code Works</h2>
                        <ol id="list-how-it-works">
                            <li id="how-it-works-item1" class="first">
                                <strong>Propose a project <span>for approval by a participating open source organization</span></strong>
                            </li>
                            <li id="how-it-works-item2" class="second">
                                <strong>Code the summer away</strong>
                            </li>
                            <li id="how-it-works-item3" class="third">
                                <strong>Achieve Ultimate Glory <span>(and get a nice paycheck)</span></strong>
                            </li>
                        </ol>
                    <div id="block-how-it-works-description" class="description">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris nec lectus lacus, a blandit ante. Sed lorem ipsum, 
                        aliquam ac tincidunt ac, luctus ut felis. Sed lobortis dapibus semper. Sed lorem ipsum, aliquam ac tincidunt ac, 
                        luctus ut felis.</p>
                    </div>
                </div>
                <!-- .home-block-1 -->
                
                <div class="content_column_1">
                    <!-- begin block -->
                    <div id="participants" class="block block-participants">
                        <h4 id="title-section-participating-orgs">Participating Organizations</h4>
                        <div id="block-participants-content" class="block-content">
                            <a href="http://www.apache.org/"><img src="images/participant-apache.png" height="40" width="90" alt="Apache Software Foundation" /></a>
                            <a href="http://www.mozilla.org/foundation/"><img src="images/participant-mozilla.png" height="57" width="60" alt="Mozilla Foundation" /></a>
                            <a href="http://www.wikimediafoundation.org/"><img src="images/participant-wikimedia.png" height="63" width="62" alt="Wikimedia Foundation" /></a>
                            <a href="http://www.drupal.org/"><img src="images/participant-drupal.png" height="68" width="50" alt="Drupal" /></a>
                            <a href="http://www.perlfoundation.org/"><img src="images/participant-perl.png" height="40" width="75" alt="The Perl Foundation" /></a>
                        </div>
                        <div id="block-participants-readmore" class="readmore">
                            <a href="javascript:void(0)">read more</a>
                        </div>
                    </div>
                    <!-- end block -->
                    <!-- begin block -->
                    <div id="apply-mentors" class="block block-mentors">
                        <h3 id="title-section-apply-mentors">Mentors: Apply now!</h3>
                        <p class="action"><a href="javascript:void(0)">Login</a> <span>or</span> <a href="javascript:void(0)">Register</a></p>
                        <p class="small">with a Google Account to get started.</p>
                    </div>
                    <!-- end block -->
                    <!-- begin block -->
                    <div id="featured-projects" class="block block-featured-project">
                        <h4 title="title-section-featured-project">Featured Project</h4>
                        <div id="block-featured-project-content" class="block-content">
                            <h5 id="block-featured-project-content-title">Revive and Restructure the Escher project</h5>
                            <img src="images/featured-project-stock-image.jpg" height="99" width="121" alt="" id="block-featured-project-image" class="alignright" />
                            <p>My name is <a href="javascript:void(0)">Marcos Paulino Roriz Junior</a>, and I’m participating in <a href="javascript:void(0)">Google Summer of Code&trade;</a> 
                            for the first time this year. I’m really excited because I’ve been developing in Java for 
                            some time and this is my first step into FOSS. My project is hacking on GNU Classpath on 
                            Escher which is an X11 client written in Java, used by the XPeer code to request and handle 
                            drawings. I’m learning the X11 protocol which is amazingly cool and surely ahead of it’s time. 
                            This is not only helping me with Google Summer of Code but is also the main protocol behind 
                            the idea that I’m using in my...</p>
                        </div>
                        <div id="block-featured-project-readmore" class="readmore">
                            <a href="javascript:void(0)">read more</a>
                        </div>
                    </div>
                    <!-- end block -->
                </div>
                <!-- .content_column_1 -->
                
                <div class="content_column_2">
                    <!-- begin block -->
                    <div id="program-map" class="block block-project-timeline">
                        <h4 id="title-section-program-timeline">Program Timeline</h4>
                        <div id="block-program-timeline-content" class="block-content">
                            <img id="program-timeline" src="images/image-map-org-apps.png" usemap="#program-timeline" width="210" height="169" alt="" />
                            <map id="_program-timeline" name="program-timeline">
                            <area shape="poly" coords="75,105,52,105,55,87,69,66,93,54,119,55,138,66,149,78,129,90,118,79,99,76,85,82,77,95," href="javascript:void(0)" alt="On Season" title="On Season" onmouseover="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-on-season.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" />
                            <area shape="poly" coords="130,90,150,80,157,106,133,106," href="javascript:void(0)" alt="Student Applications" title="Student Applications" onmouseover="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-student-apps.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" />
                            <area shape="poly" coords="131,121,136,106,157,107,151,133," href="javascript:void(0)" alt="Organization Applications" title="Organization Applications" onmouseover="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" />
                            <area shape="poly" coords="120,131,130,122,149,134,130,150," href="javascript:void(0)" alt="Kickoff" title="Kickoff" onmouseover="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-kickoff.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" />
                            <area shape="poly" coords="119,132,129,151,103,157,83,152,65,138,55,121,53,106,75,106,81,126,101,135," href="javascript:void(0)" alt="Off Season" title="Off Season" onmouseover="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-off-season.png';" onMouseOut="if(document.images) document.getElementById('program-timeline').src= 'images/image-map-org-apps.png';" />
                            </map>
                        </div>
                    </div>
                    <!-- end block -->
                    <!-- begin block -->
                    <div id="connect-with-us" class="block block-connect">
                        <h4 id="title-section-connect-with-us">Connect With Us</h4>
                        <div id="block-connect-with-us-content" class="block-content">
                            <a href="javascript:void(0)" id="connect-block-facebook" class="social fb">Facebook</a>
                            <a href="javascript:void(0)" id="connect-block-twitter" class="social tw">Twitter</a>
                            <a href="javascript:void(0)" id="connect-block-blogger" class="social bl">Blogger</a>
                            <a href="javascript:void(0)" id="connect-block-email" class="social em">Email</a>
                            <a href="javascript:void(0)" id="connect-block-irc" class="social irc">IRC</a>
                        </div>
                    </div>
                    <!-- end block -->
                    <!-- begin block -->
                    <div id="blog-feed" class="block block-blog-feed">
                        <h4 id="title-section-blog-feed">Blog Feed</h4>
                        <div id="block-blog-feed-content" class="block-content">
                            <div id="blog-feed-item1" class="blog-item">
                                <span class="date">Nov 2, 2010</span>
                                <span class="title"><a href="javascript:void(0)">2010 Google Summer of Code Mentor Summit</a></span>
                            </div>
                            <div id="blog-feed-item2" class="blog-item">
                                <span class="date">Oct 27, 2010</span>
                                <span class="title"><a href="javascript:void(0)">Facebook Likes Google Summer of Code</a></span>
                            </div>
                            <div id="blog-feed-item3" class="blog-item">
                                <span class="date">Oct 23, 2010</span>
                                <span class="title"><a href="javascript:void(0)">Perl and Parrot Spread Open Source Love</a></span>
                            </div>
                            <div id="blog-feed-item4" class="blog-item">
                                <span class="date">Oct 13, 2010</span>
                                <span class="title"><a href="javascript:void(0)">Another Successful Summer for Haiku</a></span>
                            </div>
                            <div id="blog-feed-item5" class="blog-item">
                                <span class="date">Oct 6, 2010</span>
                                <span class="title"><a href="javascript:void(0)">Google Summer of Code report: WorldForge</a></span>
                            </div>
                        </div>
                        <div id="block-blog-feed-readmore" class="readmore">
                            <a href="javascript:void(0)">read more</a>
                        </div>
                    </div>
                    <!-- end block -->
                </div>
                <!-- .content_column_2 -->

            </div>
        </div>
        <!-- .grid_9 -->
        <!-- 
        ////////////////////////
           END PAGE CONTENT
        ////////////////////////
        -->

    </div>
    <!-- .container_12 -->
</div>
<!-- .main -->
<!-- 
////////////////////////
   END MAIN CONTENT
////////////////////////
-->

<!-- 
////////////////////////
  BEGIN DEFAULT FOOTER
////////////////////////
-->
<div id="footer">
    <div class="container_12">
            <div class="grid_3">&nbsp;</div>
            <!-- .grid_3 -->
            <div class="grid_9">
                <div class="footer-menu">
                    <ul id="footer-menu-list">
                        <li id="footer-menu-about"><a href="javascript:void(0)">About</a></li>
                        <li id="footer-menu-contact"><a href="javascript:void(0)">Contact</a></li>
                        <li id="footer-menu-facebook" class="social"><a href="javascript:void(0)" class="fb">Facebook</a></li>
                        <li id="footer-menu-twitter" class="social"><a href="javascript:void(0)" class="tw">Twitter</a></li>
                        <li id="footer-menu-blogger" class="social"><a href="javascript:void(0)" class="bl">Blogger</a></li>
                        <li id="footer-menu-email" class="social"><a href="javascript:void(0)" class="em">Email</a></li>
                        <li id="footer-menu-irc" class="social"><a href="javascript:void(0)" class="irc">IRC</a></li>
                        <li id="footer-menu-privacy" class="last"><a href="javascript:void(0)">Privacy Policy</a></li>
                    </ul>
                </div>
                <div class="footer-meta">
                    <span class="powered">Powered by <a href="http://code.google.com/p/soc/wiki/MelangeIntro" target="_blank">Melange</a></span> Empowered by <a href="http://www.echoditto.com/" target="_blank"><img src="images/echoditto.png" height="16" width="70" alt="EchoDitto" /></a>
                </div>
            </div>
            <!-- .grid_9 -->
        </div>
        <!-- .container_12 -->
</div>
<!-- .footer -->
</div>
<!-- #bg -->
<!-- 
////////////////////////
  END DEFAULT FOOTER
////////////////////////
-->

</body>
</html>